﻿function DrawImage(obj,w,h,gradually)
{    
	$(obj).each(function(){
		var image=new Image();
		var iwidth = w;
		var iheight = h;
		image.src= $(this).attr("src");
		if(image.width>0 && image.height >0 )
		{
			flag=true;
			if(image.width/image.height>= iwidth/iheight)
			{
				if(image.width>iwidth)
				{
					iheight = (image.height*iwidth)/image.width  ;
				}else
				{
					iwidth = image.width  ; iheight = image.height  ;
				}
			}else
			{
				if(image.height>iheight)
				{
					iwidth = (image.width*iheight)/image.height ;
				}else
				{
					iwidth = image.width ; 
					iheight = image.height ;
				}
			}
		}		
		if( gradually ) $(this).animate({ "width" : iwidth , 'height' : iheight },'normal');
		else $(this).css({ "width" : iwidth , 'height' : iheight });
		 
	});

};



function DrawImage_Limit(obj,w,h ,gradually)
{    
	$(obj).each(function()
	{
		var image=new Image();
		var iwidth = w;
		var iheight = h;
		image.src= $(this).attr("src");
		if(image.width>0 && image.height >0 )
		{
			flag=true;
			if(image.width/image.height>= iwidth/iheight)
			{
				if(image.width>iwidth)
				{
					iheight = (image.height*iwidth)/image.width  ;
				}else
				{
					iwidth = image.width  ;
					iheight = image.height  ;
				}
			}else
			{
				if(image.height>iheight)
				{
					iwidth = (image.width*iheight)/image.height ;
				}else
				{
					iwidth = image.width ; 
					iheight = image.height ;
				}
			}
		}
		
		
		var Top = ( h - iheight *  h / iwidth  )/2 ;
		var Left = ( w - iwidth * h / iheight )/2 ;
		
		//if( iwidth < iheight ) $(this).css({ "width" : w , 'height' : iheight *  h / iwidth }).css({"top" : Top }); 
		//else  $(this).css({ "width" : iwidth * h / iheight , 'height' : h   }).css({"left" : Left }) ;
		if( iwidth < iheight ){
			 width = w ;
			 height =  iheight *  h / iwidth ;
		} 
		else{
			width = iwidth * h / iheight ;
			height =  h  ;
		}
		
		
		if( gradually ) $(this).animate({ "width" : width , 'height' : height ,'top' : Top ,'left' : Left },'normal');
		else $(this).css({"width" : width , 'height' : height ,'top' : Top ,'left' : Left});
		
		
	});

}